<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<html class="no-js" data-dpr="2">
<head>
    <%@ include file="./../common/meta.jsp" %>
    <link rel="stylesheet" href="../../css/order-list.css">
</head>
<body>
<header data-am-sticky class="am-header am-header-default am-no-layout">
    <div class="am-header-left am-header-nav">
        <a href="../../app/settings/settings.jsp" class="">
            <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">我的订单</h1>
</header>
<div class="am-content order-manage list">
    <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
        <ul class="am-tabs-nav am-cf">
            <li class="orderType am-active"><a href="[data-tab-panel-0]" data="" tab="data-tab-panel-0">全部</a></li>
            <li class="orderType"><a href="[data-tab-panel-1]" data="n" type="paystatus" tab="data-tab-panel-1">未付款</a>
            </li>
            <li class="orderType"><a href="[data-tab-panel-2]" data="y" type="paystatus" tab="data-tab-panel-2">已付款</a>
            </li>
            <li class="orderType"><a href="[data-tab-panel-3]" data="sign" type="status" tab="data-tab-panel-3">已收货</a>
            </li>
        </ul>
        <div class="am-tabs-bd">
            <div data-tab-panel-0 class="am-tab-panel am-active data-tab-panel-0">
                <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                </div>
            </div>
        </div>

        <div class="am-tabs-bd">
            <div data-tab-panel-1 class="am-tab-panel am-active data-tab-panel-1">
                <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                </div>
            </div>

        </div>

        <div class="am-tabs-bd">
            <div data-tab-panel-1 class="am-tab-panel am-active data-tab-panel-2">
                <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                </div>
            </div>

        </div>

        <div class="am-tabs-bd">
            <div data-tab-panel-1 class="am-tab-panel am-active data-tab-panel-3">
                <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                </div>
            </div>

        </div>

    </div>
</div>

<div class="am-list-news-ft" style="display:none" id="more">
    <a class="am-list-news-more am-btn am-btn-default" id="pageNo" data="1">查看更多 &raquo;</a>
</div>
<%@ include file="./../common/footerNav.jsp" %>
<%@ include file="./../common/footer.jsp" %>
<script src="../../js/settings/order-list.js"></script>

<script id="order-template" type="text/x-handlebars-template">
    {{#each list}}
    {{#each orders}}
    <div class="am-list-news-bd">
        <ul class="am-list">
            <li class="am-g ">
                <div class="item-list">
                    <div class="item-img">
                        <p>
                            <img src="{{../baseImageUrl}}{{picture}}"
                                 width="102" height="102" alt=""></p>
                    </div>
                    <div class="item-info">
                        <h3 class="title">
                            {{productName}}
                        </h3>
                        <span>{{../sjName}}</span>
                    </div>
                    <div class="item-pay">
                        <div class="item-pay-data">
                            <p class="price">￥{{price}}</p>
                            <p class="nums">x{{../quantity}}</p>
                            <p class="date">{{../createdate}}</p>
                        </div>
                    </div>
                </div>
            </li>
            <li class="am-g">
                <div class="o-tab-btn">
                    {{#checkStatus status}}
                    <span class="am-btn am-btn-warning am-btn-xs comment" data="{{id}}" productID="{{productID}}"
                          img="{{../baseImageUrl}}{{picture}}" productName="{{productName}}" price="{{price}}"
                          quantity="{{../quantity}}" createdate="{{../createdate}}">
                        评论
                    </span>
                    {{/checkStatus}}
                    <span class="am-btn am-btn-warning am-btn-xs delete" data="{{id}}">删除订单</span>
                    {{#checkPayStatus paystatus}}
                    <span class="am-btn am-btn-warning am-btn-xs goPay" orderNo="{{orderNo}}" pid="{{productID}}"
                          orderType="{{orderType}}">去付款</span>
                    {{/checkPayStatus}}
                </div>
            </li>
        </ul>
    </div>
    {{/each}}
    {{/each}}

</script>

</body>
</html>